<template>
  <view class="wrapper">
    <image src="/static/image/login-background.jpeg" class="bj" />
    <button class="about" @click="handleAbout">了解了解</button>
  </view>
</template>

<script setup lang="ts">

const handleAbout = () => {
  uni.navigateTo({ url: '/pages/lawfirmAbout/lawfirmAbout' })
}
</script>

<style></style>
<style scoped lang="scss">
.bj {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;

  .about {
    position: absolute;
    bottom: 160rpx;
    margin-left: 50%;
    padding: 6rpx 24rpx;
    border-radius: 40rpx;
    background-color: #000;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    transform: translateX(-50%);
  }
}
</style>
